			*{
				margin:0px;
				padding:0px;
			}
			
			.box{
				width:50px;
				margin:120px auto;
				position:relative;
			}
			
			.box ul li{
				list-style:none;
				float:left;
			}
			
			.box ul li{
				list-style:none;
				width:50px;
				height:200px;
				background-color:greenyellow;
				border-radius:45%;
				position:absolute;
				top:0px;
				left:0px;
				transform-origin:center bottom;
				transition:all 0.8s;
			}
			
			.box:hover li:nth-child(1){
				transform:rotate(40deg);
				background-color: aqua;
			}
			
			.box:hover li:nth-child(2){
				transform:rotate(80deg);
				background-color: bisque;
			}
			
			.box:hover li:nth-child(3){
				transform:rotate(120deg);
				background-color: green;
			}
			
			.box:hover li:nth-child(4){
				transform:rotate(160deg);
				background-color: blueviolet;
			}
			
			.box:hover li:nth-child(5){
				transform:rotate(200deg);
				background-color: brown;
			}
			
			.box:hover li:nth-child(6){
				transform:rotate(240deg);
				background-color: chocolate;
			}
			
			.box:hover li:nth-child(7){
				transform:rotate(280deg);
				background-color:#ADFF2F;
			}
			
			.box:hover li:nth-child(8){
				transform:rotate(320deg);
				background-color:lightgray;
			}
			
			.box:hover li:nth-child(9){
				transform:rotate(360deg);
				background-color:salmon;
			}